<template>
    <div class="swiper_icon">
        <ul>
            <li>
                <img src="../assets/img/icon/transport.png" alt="">
                <span>最快29分钟送达</span>
            </li>
            <li>
                <img src="../assets/img/icon/money.png" alt="">
                <span>0元起送 0配送费</span>
            </li>
            <li>
                <img src="../assets/img/icon/seal.png" alt="">
                <span>安心退</span>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name:"SwiperIconView"
}
</script>

<style lang="less" scoped>
.swiper_icon{
    width: 100vw;
    box-sizing: border-box;
    padding: 0 .6rem;
    height: 2.5rem;
    ul{
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        li{
            display: flex;
            align-items: center;
            line-height: 2.5rem;
            color: green;
            font-size: .5rem;
            font-weight: bold;
            img{
                width:1.6rem;
                margin-right: .4rem;
            }
        }
    }
}
</style>